<script setup>

import InnerEmbedComp from "@/testCompGroupA/InnerEmbedComp.vue";
import OuterComp from "@/testCompGroupA/OuterComp.vue";
import {provide,ref} from "vue";
let theModelArr = ref(['a','b'])

const location = ref('North Pole')

function updateLocation() {
  location.value = 'South Pole'
}

const bb='ddd';

let sObj = {
  bb,updateLocation
};

provide('location', {
  location,
  updateLocation
})
</script>

<template>
  <OuterComp v-model="theModelArr" v-slot="slotProps">
    <div>sfsdkfdsf dddd</div>
    <div>{{slotProps}}</div>
    <InnerEmbedComp aa="dsfs" v-slot="slotProps"></InnerEmbedComp>
  </OuterComp>
</template>

<style scoped>

</style>